.o-tooltip {
  position: relative;
  display: inline-block;
  outline: none !important; }
  .o-tooltip:hover:before, .o-tooltip:hover:after {
    display: block; }
  .o-tooltip.is-show:before, .o-tooltip.is-show:after {
    display: block; }
  .o-tooltip:before {
    content: attr(data-tooltip);
    position: absolute;
    top: -41px;
    left: 50%;
    z-index: 1;
    display: none;
    padding: 0 1em;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    white-space: nowrap;
    line-height: 30px;
    font-size: 13px;
    color: #f2f5fa;
    background: rgba(31, 40, 46, 0.92);
    border-radius: 5px; }
  .o-tooltip:after {
    content: "";
    position: absolute;
    top: -11px;
    left: 50%;
    z-index: 1;
    display: none;
    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    border: 8px solid transparent;
    border-top-color: rgba(31, 40, 46, 0.92); }

.tooltip-left:before {
  top: 50%;
  left: -11px;
  -webkit-transform: translate(-100%, -50%);
      -ms-transform: translate(-100%, -50%);
          transform: translate(-100%, -50%); }

.tooltip-left:after {
  top: 50%;
  left: -11px;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border-color: transparent;
  border-left-color: rgba(31, 40, 46, 0.92); }

.tooltip-right:before {
  top: 50%;
  right: -11px;
  left: auto;
  -webkit-transform: translate(100%, -50%);
      -ms-transform: translate(100%, -50%);
          transform: translate(100%, -50%); }

.tooltip-right:after {
  top: 50%;
  right: -11px;
  left: auto;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border-color: transparent;
  border-right-color: rgba(31, 40, 46, 0.92); }

.tooltip-bottom:before {
  top: auto;
  bottom: -41px; }

.tooltip-bottom:after {
  top: auto;
  bottom: -11px;
  border-color: transparent;
  border-bottom-color: rgba(31, 40, 46, 0.92); }
